<template>
    <div id="history">
      <v-touch v-on:swipeleft="swiperleft"  v-on:swiperight="swiperright" class="wrapper" style="touch-action: pan-y!important;">
       <div v-if="!$store.state.isLogin" class="not-login-img">
        <img src="../../../assets/imgs/bookrack/login-more.png" alt="">
        <div @click="login">登录</div>
      </div>
        <div v-if="$store.state.isLogin" class="not-login-img">
        <img src="../../../assets/imgs/bookrack/huancun.png" alt="">
      </div>
      </v-touch>
    </div>
</template>

<script>
    export default {
        name: "History",
      methods:{
        swiperleft: function () {
          this.$router.push({'path': '/bookrack/cache'});
        },
        swiperright: function () {
          this.$router.push({'path': '/bookrack/collect'});
        },
        login(){
          this.$router.push('/login')
        }
      }
    }
</script>

<style lang="less">
@import "../../../assets/css/bookrack/history";
</style>
